class MyTable {
    constructor() {

    }

    render() {
        layui.use('table', function () {

            load.teacherDetailsTableSet.where.cid = $(thisLoad).attr('cid');


            load.teacherDetailsTableSet.elem = '#' + $(thisLoad).attr('table-id');

            var table = layui.table;

            table.render(load.teacherDetailsTableSet);

            // 编辑事件的绑定

            table.on('edit(test)', function (obj) { //注：edit是固定事件名，test是table原始容器的属性 lay-filter="对应的值"
                console.log("edit(test)");
                console.log(obj.value); //得到修改后的值
                console.log(obj.field); //当前编辑的字段名
                console.log(obj.data); //所在行的所有相关数据  
            });


            //触发事件
            table.on('toolbar(test)', function (obj) {
                console.log("toolbar-test");
                var chartId = obj.config.id + load.echartsIdSuffix;
                // var checkStatus = table.checkStatus(obj.config.id);//获取选中的行
                switch (obj.event) {
                    case 'visualize':
                        // console.log(this);
                        $("#" + chartId).toggle();
                        load.pieEcharts.renderCharts(document.getElementById(chartId));
                        break;
                };
            });


            //工具条事件
            table.on('tool(test)', function (obj) { //注：tool 是工具条事件名，test 是 table 原始容器的属性 lay-filter="对应的值"
                var data = obj.data; //获得当前行数据

                console.log("test-exit");
                var layEvent = obj.event; //获得 lay-event 对应的值（也可以是表头的 event 参数对应的值）
                var tr = obj.tr; //获得当前行 tr 的 DOM 对象（如果有的话）
                console.log("exit--");
                if (layEvent === 'detail') { //查看
                    //do somehing
                } else if (layEvent === 'del') { //删除
                    layer.confirm('真的删除行么', function (index) {
                        obj.del(); //删除对应行（tr）的DOM结构，并更新缓存
                        layer.close(index);
                        //向服务端发送删除指令
                    });
                } else if (layEvent === 'edit') { //编辑
                    //do something
                    console.log("edit---");
                    //同步更新缓存对应的值
                    obj.update({
                        username: '123'
                        , title: 'xxx'
                    });
                } else if (layEvent === 'LAYTABLE_TIPS') {
                    layer.alert('Hi，头部工具栏扩展的右侧图标。');
                }
            });



        });

    }
}